<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/workpage.css"/>
		<link rel="stylesheet" type="text/css" href="3d/dist/css/zui.css"/>
	</head>
	<body >
		<div id="homepage">
			<div id="head" class="head" align="center">
				<b>货物集散中心智慧用工平台</b>
				<!-- //搜索栏（商家名、岗位模糊查询）//暂时固定上边-->
				<div class="input-group ">
				  <div class="input-control search-box search-box-circle has-icon-left has-icon-right search-example" id="searchboxExample">
				    <input id="inputSearchExample3" type="search" class="form-control search-input" placeholder="搜索">
				    <label for="inputSearchExample3" class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>
				  </div>
				  <span class="input-group-btn">
				    <button class="btn btn-primary" type="button">搜索</button>
				  </span>				  
				</div>
				<!-- //筛选弹窗 -->
				<i class="icon icon-server icon-2x" onclick="showdiv()"></i>
				<!-- //快捷筛选 -->
				<div class="mes" id="mes">
					<a>搬运工</a>&nbsp;&nbsp;
					<a>屠宰工</a>&nbsp;&nbsp;
					<a>司机</a>&nbsp;&nbsp;
					<a>小工</a>&nbsp;&nbsp;
					<a>中工</a>&nbsp;&nbsp;
					<a>大工</a>
				</div>	
			</div>
				
			<div class="bodydiv" align="center" style="width: 100%;height: 100%;">
				<!-- //banner -->
				<div id="banner">
					<div id="myNiceCarousel" class="carousel slide" data-ride="carousel" >
					  <!-- 轮播项目 -->
					  <div class="carousel-inner">
					    <div class="item active">
					      <img alt="First slide" src="http://openzui.com/docs/img/slide1.jpg">
					      <div class="carousel-caption">
					      </div>
					    </div>
					    <div class="item">
					      <img alt="Second slide" src="http://openzui.com/docs/img/slide2.jpg">
					      <div class="carousel-caption">
					      </div>
					    </div>
					    <div class="item">
					      <img alt="Third slide" src="http://openzui.com/docs/img/slide3.jpg">
					      <div class="carousel-caption">
					      </div>
					    </div>
					  </div>
					  <!-- 项目切换按钮 -->
					  <a class="left carousel-control" href="#myNiceCarousel" data-slide="prev">
					  </a>
					  <a class="right carousel-control" href="#myNiceCarousel" data-slide="next">
					  </a>
					</div>
				</div>
				<br>
				<div style="width: 100%;height: 100%;">
					<iframe src="aaa.html" width="100%" height="100%" style="border: none;"></iframe>
				</div>
					<!-- //订单（跳转详情） -->
		<!-- 			<div class="workmessage" align="left">
						工作需求<p  ></p>
						工资<p  ></p>
						<p >开始时间<b ></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;结束时间<b ></b></p>
						工作地点<p  ></p>
						商家名<p  ></p>
					</div>	 -->
			</div>
		</div>
		
		<div id="mycenter">
			<!-- //个人信息（可修改）
			//个人订单 -->
		</div>
	<!-- 下分页 -->
		<div id="foot" class="foot">
			<div id="home"align="center">
				<i class="icon icon-home icon-2x"></i>
			</div>
			<div id="user"align="center">
					<i class="icon icon-user icon-2x"></i>
			</div>
		</div>
		
		<!-- 侧拉选项 -->
		<div class="modal"id="myModal" >
		  <div class="modal-dialog" style="width: 70%;height: 100%;position: absolute;right: 0;">
		    <div class="modal-content"style="width: 100%;height: 100%;">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">筛选</h4>
		      </div>
		      <div class="modal-body">
		        <p>主题内容...</p>
		      </div>
		      <div class="modal-footer">
				  	<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				  	<button type="button" class="btn btn-primary">保存</button>
		      </div>
		    </div>
		  </div>
		</div>
		
	</body>
	<script src="js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript" src="3d/dist/js/zui.js" ></script>
	<script src="js/workpage.js"></script>
	<script src="3d/dist/js/zui.js" type="text/javascript" charset="utf-8"></script>
</html>
